$(function() {
    document.getElementById('otrosProgramas').style.display = 'none';
    $("#kernel_select").change(function() {
        var opcion = $("#kernel_select").val();
        //se realiza una peticion ajax al controlador 
        $.ajax({
            type: "POST",
            url: "cargar_modulos.php",
            data: "id=" + opcion,
            cache: false,
            success: function(response) {
                $("#modulo_select").empty();
                $("#mensaje_kernel").text("");
                if (response === "alert") {
                    $("#mensaje_kernel").text("El Kernel seleccionado no tiene Módulos");
                } else {
                    var string_programas = response;
                    var array_programas = string_programas.split("//");
                    var array_id_nombre_programas = new Array;
                    for (var i = 0; i < array_programas.length; i++) {
                        array_id_nombre_programas[i] = array_programas[i].split("-");
                    }
                    var array_id_programas = new Array;
                    for (var i = 0; i < array_id_nombre_programas.length; i++) {
                        array_id_programas[i] = array_id_nombre_programas[i][0];
                    }
                    for (var i = 0; i < array_programas.length; i++) {
                        $("#modulo_select").append(new Option(array_programas[i], array_id_programas[i]));
                    }
                }
            }
        });
    });

    //cuando se da clic en el select de modulos
    $("#modulo_select").change(function() {
        var modulo_id = $("#modulo_select").val();
        //se realiza una peticion ajax al controlador
        $.ajax({
            type: "POST",
            url: "cargar_programas.php",
            data: "id=" + modulo_id,
            cache: false,
            success: function(response) {
                $("#programa_select").empty();
                $("#mensaje_modulo").text("");
                if (response === "alert") {
                    $("#mensaje_modulo").text("El Módulo seleccionado no tiene Programas");
                } else {
                    var string_programas = response;
                    var array_programas = string_programas.split("@@@@");
                    var array_atributos_programas = new Array;
                    for (var i = 0; i < array_programas.length; i++) {
                        array_atributos_programas[i] = array_programas[i].split("$$$$");
                    }
                    var array_id_programas = new Array;
                    var array_id_nombre_programa = new Array;
                    for (var i = 0; i < array_atributos_programas.length; i++) {
                        array_id_programas[i] = array_atributos_programas[i][0];
                        array_id_nombre_programa[i] = array_atributos_programas[i][0].concat(array_atributos_programas[i][1]);

                    }
                    for (var i = 0; i < array_programas.length; i++) {

                      
                        $("#programa_select").append("<option  data-nombre = '"+ array_atributos_programas[i][1] + "' data-descripcion = '" + array_atributos_programas[i][2] + "' data-codigo = '" + array_atributos_programas[i][3] + "' value='" +  array_id_programas[i]  + "'>" + array_atributos_programas[i][0].concat(" - ",  array_atributos_programas[i][1]) + "</option>");
                 
                        var elemento = $("#programa_select option:selected");
                        alert(elemento.data('codigo'));
//                        alert(array_atributos_programas[i][3]);
                        $("#nombre").val(elemento.data('nombre'));
                        $("#funcionalidad").val(elemento.data('descripcion'));
                        $("#codigo").val(elemento.data('codigo'));
                    }
                }
            },
            error: function() {
                alert("Error en la petición al servidor");

            }

        });

    });

    //cuando se da clic en una opcion del select de programa
//    $("#programa_select").change(function() {
//
//    });

});

function handleClick(tipoPrograma) {
    if (tipoPrograma.value == "nuevo") {
        document.getElementById('otrosProgramas').style.display = 'none';
        //Se limpian los campos del formulario
        $("#nombre").val("");
        $("#funcionalidad").val("");
        $("#codigo").val("");
    } else {
        document.getElementById('otrosProgramas').style.display = '';
    }

}